@charset "utf-8";

/*■■■■■■■■　共同设定 ■■■■■■■■*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{margin:0;padding:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ul,ul li,input, dl, dd {  padding:0; margin:0; list-style-type:none;}
img,a img{border:0;margin:0;padding:0;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{text-decoration:none; color:#6e6e6e;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
a:hover{text-decoration:none; color:#6e6e6e;}
.clear{clear:both;}

/*■■■■■■■■　基本设定　■■■■■■■■*/
/*■■■■■■■■　基本设定　■■■■■■■■*/
body{ font-family:'微软雅黑';  color:#6e6e6e; }


.dbtiao{ width:100%; height:40px; background:#1d4b9f;}

.dbtiao01{ width:230px; margin-left:2%; height:40px; font-size:14px; color:rgba(255,255,255,0.8); line-height:40px; float:left; border-right:1px solid rgba(255,255,255,0.2);}
.dbtiao01 a{ color:rgba(255,255,255,0.8);}
.dbtiao02{ width:330px; padding-left:55px; height:40px; font-size:14px; color:rgba(255,255,255,0.8); line-height:40px; float:left; background:url(../images/ig1.png) 30px 12px no-repeat;}
.dbtiao02 a{ color:rgba(255,255,255,0.8);}

.dbtiao04{text-align:right; height:40px; font-size:14px; color:#fff; line-height:40px;  float:right;}
.dbtiao04 a{ color:rgba(255,255,255,0.8); font-size:14px; height:40px; line-height:40px; float:left; padding-left:25px; display:block; border-left:1px solid rgba(255,255,255,0.2);}
.dbtiao04 a:hover{color:#FFF000; text-decoration:underline;}
.dbtiao04 span{ padding:0 16px;}

.dbtiao03{text-align:right; width:250px; height:32px; padding-top:8px; font-size:14px; color:#fff; line-height:40px;  float:right; margin-right:3%;}

.sou{ border-left:1px solid #FFFFFF; border:1px solid rgba(255,255,255,0.6); float:right; height:22px; margin-right:1%; width:200px; border-radius:10px; padding-right:10px;background:#fff;}
.sinput{border:none; height:20px; color:#000; font-size:12px; line-height:22px;}





.top_nav{ height:105px; width:100%; padding-right:0%;}
.tlogo{ width:300px; padding-left:2%; text-align:right; padding-top:10px; position: absolute; z-index:999;}
.tlogo img{ margin-top:15px; margin-right:50px;}
.nav1{ padding-left:60px; padding-top:25px;}
a.topan{ width:160px; height:60px; color:#000; float:right; margin-top:25px; margin-right:3%; border:4px solid #ff5e10; line-height:50px; font-size:18px;border-radius:15px; text-align:center;}
a.topan:visited {font-style: normal; color: #212121; text-decoration: none;}
a.topan:hover { color:#fff; text-decoration: none; background:#ff5e10 url(../images/xlogo1.png) 15px center no-repeat;}
a.topan:active { color: #ffffff; background:#1F63E9;}


ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none; text-align:center;}
ul.menu li {position:relative; float:left; margin-right:0px; z-index:1;}
ul.menu ul {position:absolute; top:61px; left:0; display:none; opacity:0; list-style:none;}
ul.menu ul li {position:relative; border:0px solid #000;background:#fff; border-bottom:1px solid #fff; border-top:none; width:120px; margin:0}
ul.menu ul li a {display:block; padding:3px 0px 5px 0px; height:44px; line-height:36px; color:#000; font-size:14px;}
ul.menu ul li a:hover {background-color:#ff6600; color:#fff; font-size:14px;}
ul.menu ul ul {left:114px; top:-1px}
ul.menu .menulink {border:0px solid;  padding:20px 0px 20px 0px; width:120px; color:#000;  font-family:"微软雅黑"; font-size:16px; font-weight:bold;}
ul.menu .menulink:hover, ul.menu .menuhover {color: #D21E24; background:url(../images/dhbj.jpg) bottom repeat-x;}
ul.menu .menulink:hover, ul.menu .menuhover {color: #fff; background:#1d4b9f;}
ul.menu .topline {border-top:1px solid #aaa}

.tel1{padding-top:5px; padding-left:497px; background:url(../images/telb.jpg) 470px 21px no-repeat; padding-top:15px;}
.tel1 strong{ color:#e12615; font-size:22px; font-family: "微软雅黑"; font-weight: bold;}

.ss{width:352px;height:36px; padding-top:15px; padding-left:440px;}






.daohang{ margin:auto; margin-top:30px; padding-top:60px!important; }
.daohang02{float:left; height:170px; width:580px; padding-left:20px!important; margin-left:30px!important; border-left:1px solid rgba(255,255,255,0.4);}
.daohang03 a{font-size:14px;padding-left:50px; margin-left:10px; margin-bottom:10px; color:#0089d1; background: #FFFFFF url(../images/jt.png) 20px center no-repeat; height:70px; line-height:70px; width:30%; border:1px solid rgba(255,255,255,0.6); float:left; display:block;}
.daohang03 a:hover{color:#fff; background: #ff6600 url(../images/jt1.png) 20px center no-repeat;}





.cen{ width:1260px; height:auto; margin:auto;}

a.dh3 { font-family:"微软雅黑"; font-size: 16px; line-height:70px; color: #fff; display:block; width:30%; height:70px; text-align:center; font-weight:bold; background:#005eb2; border-radius:15px 0px 15px 0px;  box-shadow: 5px 5px 2px #c6c6c6;}
a.dh3:visited {font-style: normal; color: #fff; text-decoration: none;}
a.dh3:hover { color:#fff; text-decoration: none; background:#ff6600;}
a.dh3:active { color: #ffffff; background:#1F63E9;}


.xwan a{width: 120px;height: 30px;line-height: 30px;text-align: center;	font-size: 15px;display: block;color: #fff; background:#ff6600; margin-top:20px;font-weight:normal;border-radius:10px;  -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;}
.xwan a:hover{background: #16b1f1; color:#FFF;	}





/*indexBanner*/
/*indexBanner*/
.bg1{background: url(../images/2.jpg) center center no-repeat;}
.bg2{background: url(../images/1.jpg) center center no-repeat;}
.bg3{background: url(../images/3.jpg) center center no-repeat;}
.bashuzi { font-family:DINEngschriftStd; font-size:59px; font-style:normal;}
.bap { font-size:18px; color:#fff; width:60%; line-height:30px;}
.indexBanner{width: 100%;position: relative;height:600px;background: #000;overflow: hidden;}
.indexBanner .bd{margin: 0 auto;position: relative;z-index: 0;overflow: hidden;}
.indexBanner .bd ul{width: 100% !important;}
.indexBanner .bd li{width: 100% !important;height:600px;overflow: hidden; background-size: cover !important;}
.indexBanner .bd li .cont{width: 100%;padding: 13% 3% 0;box-sizing: border-box; text-align:center}
.indexBanner .bd li .cont .tit{color: #FFFFFF;font-size:55px; padding-top:0px; font-weight:900;}
.indexBanner .bd li .cont .title{color: #FFFFFF;font-size: 25px;  line-height:40px; margin-top: 3%;}
.indexBanner .bd li .cont .title span{font-weight: bold;}
.indexBanner .bd li .cont .sum { margin-top: 1%; font-size:22px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; text-transform:uppercase; letter-spacing:1.2px;}
.indexBanner .bd li .cont .sum a{ display: inline-block;  color: #fff; font-size: 16px; letter-spacing: 1px; padding: 0 16px; line-height: 40px; border-radius: 25px; border: solid 1px #fff; margin-right: 20px;}
.indexBanner .bd li .cont .sum a:hover{ background-color: #fff; color: #45af38;}
.indexBanner .hd{width: 87%;min-width: 1150px;position: absolute;z-index: 4;bottom: 4%;left:50%;transform: translateX(-50%);display: table;font-size: 0;text-align: left;}
.indexBanner .hd ul::after{content: '';width: 2px;height: 210px;background-color: #ffffff;opacity: 0.3;filter:alpha(opacity=30);position: absolute;bottom: 40px;right: 12px;}
.indexBanner .hd ul li{cursor: pointer;display: inline-block;*display: inline;zoom: 1; overflow: hidden;}
.indexBanner .hd ul li p{width: 5px;height: 20px;margin: 0 6px;position:relative;}
.indexBanner .hd ul li p::after{content: '';width: 5px;height: 12px;border-radius: 6px;background-color: #fff;opacity:0.7;filter:alpha(opacity=70);position: absolute;bottom: 0;left: 0;transition: all 0.6s ease;}
.indexBanner .hd ul li.on p::after{filter:alpha(opacity=100);opacity:1;height: 20px;}
.indexBanner .hd ul li::after{content: '';width: 2px;height: 2px;background-color: #FFFFFF;position: absolute;top: -221px;right: 12px;opacity: 0;filter:alpha(opacity=0);}
.indexBanner .hd ul li.on::after{filter:alpha(opacity=100);opacity:1;animation: solid 8s linear infinite;}
.indexBanner .hd .mouse{color: #FFFFFF;font-size: 26px;float: right;}
@keyframes solid{0%{height: 2px;} 100%{height: 212px;}}
@-webkit-keyframes solid{0%{height: 2px;} 100%{height: 212px;}}
.indexBanner .icon-jiantou1{display:block;width:50px;height:50px;line-height:50px;font-size: 30px;color: #45af38;text-align: center;background-color: rgba(255,255,255,0.4);position:absolute; top:50%; margin-top:-25px;filter:alpha(opacity=20);opacity:0.2;transition: all 0.6s ease;}
.indexBanner .prev{left: -50px;transform: rotate(-180deg);}
.indexBanner .next{right: -50px;}
.indexBanner .prev:hover,.indexBanner .next:hover{ background-color: #45af38;color: #FFFFFF; }
.indexBanner:hover .prev{left: 100px;filter:alpha(opacity=100);opacity:1;}
.indexBanner:hover .next{right: 100px;filter:alpha(opacity=100);opacity:1;}


.ln{height:150px; padding-top:25px; width:150px;border-radius:100%; background:#ff5e10; position:absolute; z-index:2; text-align:center; color:#FFF; font-size:14px;}



/*首页公司简介*/
.index_about{ background:url(../images/gsbj1.jpg) no-repeat center center fixed;background-size:cover;  width:100%; margin:0 auto;}
.about_zm{display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; width:99%; margin:0 auto;align-items: flex-end; overflow:hidden}
.about_txt{ width:50%;  background: rgba(235,61,0,.9);display: flex; align-items: center; justify-content: center; padding: 3rem 0; }
.about_txt h2{font-weight:bold; font-size:28px; line-height:35px; color:#fff; text-align:center; width:80%; margin:0 auto;}


.about_nr { background:#fff;-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding:3% 4%; margin-top:100px;-webkit-box-shadow: #ccc 0px 0px 20px; 
   -moz-box-shadow: #ccc 0px 0px 20px; 
   box-shadow: #ccc 0px 0px 20px; }
.about_nr h2{ text-align:center; text-transform:uppercase; font-size:40px; color:#005eb2; font-weight:bold;}
.abms{text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:10;/*显示行数*/ -webkit-box-orient:vertical; line-height:30px; font-size:15.5px; overflow:hidden; margin-top:20px; }


.abmore a{ color:#fff; font-size:16px;}
.abmore{ background:#005eb2; height:40px; line-height:40px; text-align:center; width:150px; margin:0 auto; border-radius:25px; margin-top:20px; -webkit-transition: padding-left .8s;
-moz-transition: padding-left .8s;
-o-transition: padding-left .8s;}
.abmore a{ color:#fff;}
.abmore:hover{ display:block; padding-left:15px; background:#005eb2; }
.abmore:hover a{color:#fff!important;}


.aline{ background:#d8d8d8; height:1px; width:100%; margin-top:25px;}
.about_nr ul {display: flex; flex-wrap: wrap; justify-content: space-between; }
.about_nr ul li{ display: flex; flex-direction: column; width:30%; margin-top:30px;}
.about_nr ul > li > div:first-child {font-size: 30px; color: #ff6600; font-weight:bold}
.about_nr ul > li > div { text-align: center;padding-top: 5px;color: #000; }
.about_nr ul li div:nth-child(2){font-size:14px;}
.about_nr ul > li > div:first-child > span{font-size: 22px;font-weight: 400; padding-left:10px;color: #000;}






.Hcpk{height:650px; width:100%; background:url(../images/bj1.jpg) top center no-repeat fixed; text-align:center; padding-top:100px;}
.Hprobt{font-size:34px; line-height:42px; font-weight:bold; color:#fff; margin-bottom:20px;}
.Hpro01bt{font-size:14px; line-height:28px;color:#fff; margin-bottom:40px;}

.Hprok{width:22%; height:320px; border-radius:0px 20px 0px 20px; border-left:5px solid #f9b538; border-bottom:5px solid #f9b538;}




.shuzi4
{ 
animation:myfirstsuzi 1.5s linear 0.1s infinite alternate;
/* Firefox: */
-moz-animation:myfirstsuzi 1.5s linear 0.1s  infinite alternate;
/* Safari and Chrome: */
-webkit-animation:myfirstsuzi 1.5s linear 0.1s  infinite alternate;
/* Opera: */
-o-animation:myfirstsuzi 1.5s linear 0.1s  infinite alternate;
}

@keyframes myfirstsuzi
{
0%   { margin-top:0px;  }
50%  { margin-top:20px;   }
100% { margin-top:40px; }
}

@-moz-keyframes myfirstsuzi /* Firefox */
{
0%   { margin-top:10px;  }
50%  { margin-top:20px;   }
100% { margin-top:40px; }
}

@-webkit-keyframes myfirstsuzi /* Safari and Chrome */
{
0%   { margin-top:0px;  }
50%  { margin-top:20px;   }
100% { margin-top:40px; }
}

@-o-keyframes myfirstsuzi /* Opera */
{
0%   { margin-top:0px;  }
50%  { margin-top:20px;   }
100% { margin-top:40px; }
}

.shuzi4t
{ 
animation:myfirstsuzit 2.5s linear 0.1s infinite alternate;
/* Firefox: */
-moz-animation:myfirstsuzit 2.5s linear 0.1s infinite alternate;
/* Safari and Chrome: */
-webkit-animation:myfirstsuzit 2.5s linear 0.1s  infinite alternate;
/* Opera: */
-o-animation:myfirstsuzit 2.5s linear 0.1s  infinite alternate;
}

@keyframes myfirstsuzit
{
0%   { margin-top:10px;  }
50%  { margin-top:30px;   }
100% { margin-top:50px; }
}

@-moz-keyframes myfirstsuzit /* Firefox */
{
0%   { margin-top:10px;  }
50%  { margin-top:30px;   }
100% { margin-top:50px; }
}

@-webkit-keyframes myfirstsuzit /* Safari and Chrome */
{
0%   { margin-top:10px;  }
50%  { margin-top:30px;   }
100% { margin-top:50px; }
}

@-o-keyframes myfirstsuzit /* Opera */
{
0%   { margin-top:10px;  }
50%  { margin-top:30px;   }
100% { margin-top:50px; }
}



.Hpro{width:80%; margin:auto; margin-top:100px; height:140px; padding-top:20px; background:rgba(255,255,255,0.9); box-shadow: 0 0 30px rgba(0,0,0,0.4); border-radius:0px 10px 0px 20px;
font-size:18px; line-height:42px; font-weight:bold; color:#212121;}

.Hpromore a{  font-size:14px; width:140px; margin:auto; margin-top:10px; display:block; height:50px; background:#FFF; color:#212121; text-align:center; text-decoration:none; border-bottom:2px solid #de7900; line-height:50px;border-radius:15px 0px 15px 0px; font-weight:normal;}
.Hpromore a:hover{  border-left:1px solid #de7900;  border-bottom:2px solid #de7900; color:#de7900;}




.Hyoushi{ width:100%; height:auto; margin:auto;padding-top:110px;  position:relative; background:url(../images/abbj.png) center 150px no-repeat;background-size:cover;}
.Hyoushik{ width:1100px; height:auto; margin:auto;display: flex; flex-wrap: wrap; justify-content: space-between;}

.Hyousbt{color: #DAE1E6;opacity: 0.5;text-transform: uppercase; font-size: 60px; line-height:60px; font-weight:bold; position:absolute; z-index:-1; top:70px; left:42%;}
.Hyous01bt{font-size:34px; line-height:42px; font-weight:bold; color:#212121; margin-bottom:20px; text-align: center;}
.Hyous02bt{font-size:14px; line-height:28px;color:#626262; margin-bottom:40px;  text-align: center;}
.Hyousnr{width:46%; height:140px; background:#FFF; box-shadow: 0 0 10px rgba(0,0,0,0.2);border-radius:5px; margin-bottom:40px; position:relative;}
.Hysimg{position: absolute; z-index:1; left:20px; top:25px;}
.Hyousnr01{font-size:20px;  font-weight:bold; color:#212121; padding-left:120px; padding-right:20px; margin-top:25px;}
.Hyousnr01 span{font-size:14px; line-height:24px;color:#626262; padding-top:20px; font-weight:normal;}








/*****/
@keyframes f2icon {
	0%, 100% {transform:scale(0.95, 0.95) translate(0, -15px)}
	50% {transform:translate(0, 15px)}
}
@-moz-keyframes f2icon {
	0%, 100% {-moz-transform:scale(0.95, 0.95) translate(0, -15px)}
	50% {-moz-transform:translate(0, 15px)}
}
@-webkit-keyframes f2icon {
	0%, 100% {-webkit-transform:scale(0.95, 0.95) translate(0, -15px)}
	50% {-webkit-transform:translate(0, 15px)}
}
@-o-keyframes f2icon {
	0%, 100% {-o-transform:scale(0.95, 0.95) translate(0, -15px)}
	50% {-o-transform:translate(0, 15px)}
}


/*-----111111111111111-----*/
.slide01{
	-webkit-animation: slide01 1s; -moz-animation: slide01 1s; -ms-animation: slide01 1s; -o-animation: slide01 1s; animation: slide01 1s;
    visibility: visible; 
}
@keyframes slide01 {
    0% {opacity: 0;-webkit-transform: translateX(50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);} 
}
@-webkit-keyframes slide01 {
    0% {opacity: 0;-webkit-transform: translateX(50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);}
}


/*-----222222222-----*/
.slide02{
   -webkit-animation: slide02 1s; -moz-animation: slide02 1s; -ms-animation: slide02 1s; -o-animation: slide02 1s; animation: slide02 1s;
    visibility: visible; 
}
@keyframes slide02 {
    0% {opacity: 0;-webkit-transform: translateX(-50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);} 
}
@-webkit-keyframes slide02 {
    0% {opacity: 0;-webkit-transform: translateX(-50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);}
}



/*-----33333333333-----*/
.slide03{
   -webkit-animation: slide03 1s; -moz-animation: slide03 1s; -ms-animation: slide03 1s; -o-animation: slide03 1s; animation: slide03 1s;
    visibility: visible; 
}
@keyframes slide03 {
    0% {opacity: 0;-webkit-transform: translateY(50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);} 
}
@-webkit-keyframes slide03 {
    0% {opacity: 0;-webkit-transform: translateY(50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);}
}



/*-----33333333333-----*/
.slide04{
   -webkit-animation: slide04 1s; -moz-animation: slide04 1s; -ms-animation: slide04 1s; -o-animation: slide04 1s; animation: slide04 1s;
    visibility: visible; 
}
@keyframes slide04 {
    0% {opacity: 0;-webkit-transform: translateY(-50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);} 
}
@-webkit-keyframes slide04 {
    0% {opacity: 0;-webkit-transform: translateY(-50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);}
}

.syxw{width:30%; padding-left:30px; padding-right:30px; padding-top:30px; height:250px; background:#FFF; border: #e9e9e9 solid 1px; box-shadow: 5px 5px 2px #e9e9e9;}

.syxwbt{border-bottom: #CCCCCC solid 1px; line-height: 40px; margin-bottom:10px; font-size: 17px; color: #000;}
.syxwbt a{font-size: 17px; color: #000; font-weight:bold;}

.syxwnr{line-height: 26px; font-size: 14px;  color: #666; margin-top:20px;}
.syxwsj{color:#d6d6d6; font-size: 14px;margin-top:10px;}

.cpsan01{ height:33px; width:95px; border:none; background:#e12615; font-size:14px; color:#fff; margin-top:3px;}
.cpsan01:hover{background:#ff6600; color:#fff;}


.Hfooter{width:100%; background:url(../images/fbj.jpg) top center no-repeat; padding-bottom:50px;}
.Hfooterk{display: flex; flex-wrap: wrap; justify-content: space-between; width:1220px; margin:auto; padding-top:70px; padding-bottom:50px;}
.Hfooterlx{width:35%; color:#a6a6a6; font-size:14px; line-height:34px;}
.Hfooterbt{font-size:24px; height:48px; line-height:48px; color:#de7900; font-weight:bold; margin-bottom:20px; background:url(../images/fbj1.png) center left no-repeat; padding-left:60px;}

.Hfooterdh{width:30%; margin-left:5%; color:#a6a6a6; font-size:14px; line-height:28px;}
.Hfooterdh ul li{display:block; float:left; width:45%;}
.Hfooterdh ul li a{color:#a6a6a6; font-size:14px; line-height:34px; text-decoration:none;}
.Hfooterm{width:25%; padding-top:20px;display: flex; flex-wrap: wrap; justify-content: space-between;}
.Hfooterm img{ margin-bottom:20px; width:130px;}
.Hfootermbt{text-align:center; font-size:14px; font-weight:bold; line-height:24px; color:#a6a6a6;}

.Hfooterbq{width:1200px; font-size:14px; margin:auto; border-top:1px solid rgba(51, 51, 51, 0.6); padding-top:50px; line-height:26px; text-align:center;color:#a6a6a6;}

.Hfooterbq a{color:#a6a6a6;}



a.zzb07link{
	line-height:22px;
	text-decoration:none;
	color: #a6a6a6;
}

a.zzb07link:hover {
	text-decoration: underline;
	color: #FF6500;
}
.zzb07tail
{
color:#a6a6a6;
}